<!doctype html>
<html lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<title>XL-Photos</title>
	<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
	<link rel="stylesheet" type="text/css" href="print.css" media="print" />
	<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>

	<header>
		<h1>XL-Photos</h1>
	</header>
	<section id="intro">
		<!--<header>
			<h2>Tee Central - Home of the Cheap Cheap Tees</h2>
		</header>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut. Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.</p>-->
        <section id="recherche" >Rechercher un produit : <input type="text" > <input type="button" value="Go"></section>
        <section id="panier">
        <h3>Panier</h3>
        <p>Votre Panier : <br>5 articles<br> <a href="#">Mon Panier</a></p>
        
        </section>
	</section>
	<div id="content">
				<article class="products">
					<header>
						<h2>Featured Tees &raquo; The Season's Hottest!</h2>
					</header>
						
	<section id="featured">
				<ul class="column">
				    <!--eqblock-->
				    <li>
				        <section class="outerblock">
				        	<div class="innerblock">
									<a href="#"><img src="images/tees/hotpinkthumb.png" alt="" /></a> 
										<p>
										<b><a href="#">Hot Pink Pocket Tee</a></b>
										<br />
										$4.99
										<br />
										Sizes: S/M/L/XL/XXL
										</p> 
										<a href="#"><img src="images/bouton-acheter.gif" alt="buy now" /></a>
									</div>
				        </section>
				    </li>

				    <!--eqblock-->
				    <li>
				        <section class="outerblock">
				        	<div class="innerblock">
									<a href="#"><img src="images/tees/purplethumb.png" alt="" /></a> 
										<p>
										<b><a href="#">Purple Pocket Tee</a></b>
										<br />
										$4.99
										<br />
										Sizes: S/M/L/XL/XXL
										</p> 
										<a href="#"><img src="images/bouton-acheter.gif" alt="buy now" /></a>
									</div>
				        </section>
				    </li>

				    <!--eqblock-->
				    <li>
				        <section class="outerblock">
				        	<div class="innerblock">
									<a href="#"><img src="images//tees/mustardthumb.png" alt="" /></a> 
										<p>
										<b><a href="#">Mustard Pocket Tee</a></b>
										<br />
										$4.99
										<br />
										Sizes: S/M/L/XL/XXL
										</p> 
										<a href="#"><img src="images/bouton-acheter.gif" alt="buy now" /></a>
									</div>
				        </section>
				    </li>

				    <!--eqblock-->
				    <li>
				        <section class="outerblock">
				        	<div class="innerblock">
									<a href="#"><img src="images//tees/mintthumb.png" alt=""  /></a> 
										<p>
										<b><a href="#">Mint Pocket Tee</a></b>
										<br />
										$4.99
										<br />
										Sizes: S/M/L/XL/XXL
										</p> 
										<a href="#"><img src="images/bouton-acheter.gif" alt="buy now" /></a>
									</div>
				        </section>
				    </li>
				</ul>
				</section>
				</article>
				
				<article class="regular">
					<section>
						<br />
						<h2>More Information About Our Awesome Tees</h2>
						<br /><br />
						<p>All our tees come pre-washed and pre-shrunk to ensure a perfect fit.</p>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. </p>
						<a href="#"><img src="images/cart.png" alt="" /></a>
						<a href="#"><img src="images/methodspayment.png" alt="" class="alignright" /></a>
					</section>
				</article>
				
		</div>
		
		<aside>
			<section>
				<header>
					<h3>Shop by Category</h3>
				</header>
				<ul>
					<li><a href="#">T-Shirts</a></li>
					<li><a href="#">Tanks</a></li>
					<li><a href="#">Dress Shirts</a></li>
					<li><a href="#">Sweaters</a></li>
					<li><a href="#">Swimwear</a></li>
					<li><a href="#">Activewear</a></li>
					<li><a href="#">Workwear</a></li>
					<li><a href="#">Jeans</a></li>
					<li><a href="#">Shoes</a></li>
					<li><a href="#">Accessories</a></li>
				</ul>
			</section>
			
			
			
		</aside>

	<footer>
		<br />
		<p>&copy; 2011 <a href="#" title="your site name">xl-photos.com</a></p>
	</footer>
</body>
</html>
